<html>
<title>Friends</title>
<body >
<header  id="Menu" style="width:100%; height:25px;margin-top:4px;">
<div>
	<input type="submit" value="Map" id="Map"  name="Map" style="width:75px;height:25px" onclick="window.location='/'"/>
	<input type="submit" value="Friends" id="Friends"  name="Friends" style="width:75px;height:25px" onclick="window.location='/friends/'"/>
	<input type="submit" value="Inbox" id="Inbox" name="Inbox" style="width:75px;height:25px" onclick="window.location='/inbox/'"/>
	<input type="submit" value="Everybody" id="Everybody"  name="Everybody" style="width:75px;height:25px" onclick="window.location='/everybody/'"/>
	<input type="submit" value="Logout" id="Logout"  name="Logout" style="width:75px;height:25px" onclick="window.location='/logout/'"/>
</div>
</header>

	
{% if error_message %}
<p><strong>{{error_message}}</strong></p>
{% endif %}

{% if message %}
<p><strong>{{message}}</strong></p>
{% endif %}
{% if new_messages > 0 %}
 <p><font color="red">You have {{ new_messages }} new messages!</font>
    <input type="submit" value="Go To Inbox" id="inbox" style="width:75px;height:25px" onclick="window.location='/inbox/{{ sessionUser }}'"/>
</p>
{% endif %}
<p><b>{{sessionUser}}'s Friends</b></p> 
<table cellspacing="5" alighn = center>
{% for conn in friends %}
<tr>
  <td>
   {% if conn.target.status %}
    <img src="../media/greendot.jpg" style="width:10px;height:10px"/>
    {% endif %}
  </td>
  <td>
    <a href="/map/{{conn.target}}">{{ conn.target }}</a>
  </td>
  <td>
    <input type="submit" value="Chat" id="Chat" style="width:75px;height:25px" onclick="window.location='/chat/{{ conn.target }}'"/>
  </td>
  <td>
    <input type="submit" value="Remove" id="Remove"  name="Remove" style="width:75px;height:25px" onclick="window.location='/delete/{{ conn.target }}'"/>
  </td>
</tr>
{% endfor %}
</table>
<p>
You have {{ followerCount }} followers!
</p>

</body>
</html>

